﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="SlideShowControl.ascx.cs"
    Inherits="Modules_SlideShowControl" %>
<div class="row">
    <div class="col-md-12 theme-default">
        <div id="slider" class="nivoSlider">
            <a href="#" title="image 3">
                <asp:Image ImageUrl="~/Upload/tintuc/3.jpg" runat="server" />
            </a><a href="#" title="image 4">
                <asp:Image ID="Image1" ImageUrl="~/Upload/tintuc/4.jpeg" runat="server" title="#htmlCaption" />
            </a><a href="#" title="image 5">
                <asp:Image ID="Image2" ImageUrl="~/Upload/tintuc/5.jpg" runat="server" />
            </a><a href="#" title="image 6">
                <asp:Image ID="Image3" ImageUrl="~/Upload/tintuc/6.jpg" runat="server" />
            </a>
        </div>
        <div id="htmlCaption" class="nivo-html-caption">
            <strong>This</strong> is an example of a <em>HTML</em> caption with <a href="#">a link</a>.
        </div>
    </div>
</div>
<script type="text/javascript" src="<%= Page.ResolveClientUrl("~/js/jquery.nivo.slider.js") %>"></script>
<script type="text/javascript">
    $(window).load(function () {
        $("#slider").nivoSlider();
    });
</script>
